<template>
  <div>
    <van-tabbar route>
      <van-tabbar-item replace to="/home" icon="wap-home-o">
        首页
      </van-tabbar-item>
      <van-tabbar-item replace to="/classify" icon="debit-pay">
        分类
      </van-tabbar-item>
      <van-tabbar-item replace to="/user" icon="friends-o">
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
  <router-view></router-view>
</template>

<script setup></script>

<style lang="less" scoped>
:deep(.van-tabbar-item) {
  color: rgb(145, 145, 145);
  font-size: 2.6vw;
  font-weight: bold;
}
:deep(.van-tabbar-item--active) {
  color: #000;
  font-weight: bold;
}
:deep(.van-tabbar-item__icon) {
  font-size: 6.6vw;
  margin-bottom: 0;
  font-weight: bold;
}
// }
</style>
